/*大轮播*/

.swiper-container {
    position: relative;
}

.swiper-container .banner-swiper {
    width: 375px;
    height: 200px;
    .slide-image {
        width: 375px;
        height: 200px;
    }
}

.swiper-container .dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    display: flex;
    justify-content: center;
}

.swiper-container .dots .dot {
    margin: 0 6rpx;
    width: 10rpx;
    height: 10rpx;
    background: #aaaaaa; // border-radius: 8rpx;
    transition: all .6s;
    opacity: 0.6;
}

.swiper-container .dots .dot.active {
    width: 30rpx;
    background: #ffffff;
    opacity: 1;
}

/*小轮播*/

.small-swiper {
    .special-logo-scroll {
        width: 363px;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 12px;
        display: flex;
        justify-content: flex-start;
        .special-logo-item {
            width: 110px;
            height: 150px;
            background: #fff;
            display: inline-block;
            margin-right: 8px;
            vertical-align: top;
            .special-logo-img {
                width: 110px;
                height: 150px;
                // display: flex;
                // align-items: center;
                // justify-content: center;
                position: relative;
                image {
                    position: absolute;
                    left:0;
                    top:0;
                    width: 110px;
                    height: 150px;
                }
                .special-logo-img-icon{
                  position: absolute;
                  top:0;
                  right:4px;
                  width: 26px;
                  height:30px;
                  image{
                    width:26px;
                    height:30px;
                  }
                  text{
                    position: absolute;
                    top:8px;
                    right:13px;
                    font-size: 14px;
                    color:#ffffff;
                    font-weight: 700;
                    z-index: 99;
                  }
                }
            }
        }
    }
}

/*分类轮播*/

.classify-swiper {
    background: #fff;
    .certified {
        text-align: center;
        height: 40px;
        line-height: 40px;
        image {
            width: 321px;
            height: 13px;
        }
    }
    .classify-scroll {
        overflow: hidden;
        white-space: nowrap;
        display: flex;
        justify-content: flex-start;
        padding: 3px 0 5px 0;
        .classify-scroll-item {
            display: inline-block;
            margin-left: 21px;
            .classify-item {
                width: 50px;
                text-align: center;
                margin-bottom: 15px;
                image {
                    width: 50px;
                    height: 50px;
                    border-radius: 25px;
                    background: #ddd;
                }
                .title {
                    font-size: 11px;
                    color: #333333;
                }
            }
            &:first-child {
                margin-left: 41rpx;
            }
            &:last-child {
                margin-right: 41rpx;
            }
        }
    }
}